.gradedetails-body{
    height: 100vh;
    background: #EEEEEE url('../assets/gradeDetail/foot-bg.png') 0 100% no-repeat;
    background-size: 100%;
    .gradedetails-bg{
        position: relative;
        width: 589/75rem;
        height: 100vh;
        margin: 0 0 0 110/75rem;
        padding-top:136/75rem; 
        background: url('../assets/gradeDetail/zhijiline1.png') 0 136/75rem no-repeat;
        background-size: 100%;
        div{
            position: absolute;
            font-size: 30/75rem;
        }
        .public-left{
            left: 70/75rem;
        }
        .box1{
            top: 90/75rem;
            .public-left;
        }
        .box2{
            top: 190/75rem;
            right: 90/75rem;
        }
        .box3{
            top: 295/75rem;
            .public-left;
        }
        .box4{
            top: 395/75rem;
            right: 90/75rem;
        }
        .box5{
            top: 500/75rem;
            .public-left;
        }
        .box6{
            top: 600/75rem;
            left: 380/75rem;
        }
        .box7{
            top: 705/75rem;
            .public-left;
        }
        .box8{
            top: 810/75rem;
            right: 90/75rem;
        }
        .box9{
            top: 915/75rem;
            .public-left;
        }
        .box10{
            top: 1020/75rem;
            right: 90/75rem;
        }
    }
}